<template>
    <view class="liu" @click="toliuxiao">
<uni-row>
    <uni-col :span="4">
        <image class="liuava" src="../../static/more6.png" ></image>
    </uni-col>
    <uni-col :span="18">
<text class="liumsg">
    留校申请记录
</text>
    </uni-col>
    <uni-col :span="2">
<image src="../../static/jt.png" class="liujt"></image>
    </uni-col>
</uni-row>
</view>
    <view class="li" @click="tolixiao">
        <uni-row>
            <uni-col :span="4">
                <image class="liuava" src="../../static/more2.png" ></image>
            </uni-col>
            <uni-col :span="18">
                <text class="liumsg">
                    离校申请记录
                </text>
            </uni-col>
            <uni-col :span="2">
                <image src="../../static/jt.png" class="liujt"></image>
            </uni-col>
        </uni-row>
    </view>
    <view class="li" @click="tonoapply">
        <uni-row>
            <uni-col :span="4">
                <image class="liuava" src="../../static/more3.png" ></image>
            </uni-col>
            <uni-col :span="18">
                <text class="liumsg">
                    未登记记录
                </text>
            </uni-col>
            <uni-col :span="2">
                <image src="../../static/jt.png" class="liujt"></image>
            </uni-col>
        </uni-row>
    </view>
    <view class="li" @click="totrial">
        <uni-row>
            <uni-col :span="4">
                <image class="liuava" src="../../static/more4.png" ></image>
            </uni-col>
            <uni-col :span="18">
                <text class="liumsg">
                    审批记录
                </text>
            </uni-col>
            <uni-col :span="2">
                <image src="../../static/jt.png" class="liujt"></image>
            </uni-col>
        </uni-row>
    </view>
    <view class="li" @click="toqiandao">
        <uni-row>
            <uni-col :span="4">
                <image class="liuava" src="../../static/more5.png" ></image>
            </uni-col>
            <uni-col :span="18">
                <text class="liumsg">
                    留校签到记录
                </text>
            </uni-col>
            <uni-col :span="2">
                <image src="../../static/jt.png" class="liujt"></image>
            </uni-col>
        </uni-row>
    </view>
</template>

<script setup>
import { ref } from 'vue';
import UniRow from "../../uni_modules/uni-row/components/uni-row/uni-row.vue";
import UniCol from "../../uni_modules/uni-row/components/uni-col/uni-col.vue";
let toliuxiao=function(){
	uni.navigateTo({
		url:'/pages/more/liuxiao'
	})
}
let tolixiao=function(){
    uni.navigateTo({
        url:"/pages/more/lixiao"
    })
}
let tonoapply=function(){
    uni.navigateTo({
        url:"/pages/more/noapply"
    })
}
let totrial=function(){
    uni.navigateTo({
        url:"/pages/more/trial"
    })
}
let toqiandao=function(){
    uni.navigateTo({
        url:"/pages/more/qiandao"
    })
}
</script>

<style scoped>
.liu{
    width: 92%;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    margin-left: 20px;


}
.liuava{
    width: 36px;
    height: 36px;
    margin-left: 20px;
    margin-top: 20px;

}
.liumsg{
    width: 90px;
    height: 21px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    line-height: 80px;
    margin-left: 15px;
}
.liujt{
    width: 16px;
    height: 16px;
    margin-top: 29px;
}
.li{
    width: 92%;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 20px;
}


</style>